<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>内联元素层叠水平比浮动元素高</title>
    <style>
        div{width:300px;}
        img{float:left;margin-right:-20px;}
    </style>
</head>
<body>
<div>
    <img src="../../c.jpg" alt="" width="250">以前浮动课就讲过，浮动原本设计的作用是实现文字环绕效果。如果图片和文字发生重叠，显然，是后面的文字要优先显示的，因为，文字比图片重要。
</div>
</body>
</html>
